<template>
    <div v-if="parentViews.length>0">
			<span :style="{'color':chartConfig.titleStyle.titleColor}" @click="selectView(view,index)"
                  v-for="(view,index) in parentViews" :key="index">
				<span v-if="index!=0">></span>
				{{ view.value }}
			</span>
    </div>
</template>

<script>
export default {
    name: "show-view-path",
    props: {
        parentViews: {
            type: Array,
            default: () => [],
        },
        screenConfig: {
            type: Object
        },
        chartConfig: {
            type: Object
        }
    },
    created() {
    },
    methods: {
        selectView(view, index) {
            this.$emit("selectView", view, index);
        }
    }
}
</script>

<style scoped>

</style>
